<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <style>
      body{
        font-size: 14px;
        line-height: 20px;
      }
      .brackets {
          color: #e6b11c;
      }
      .keyword {
        color: #043db3;
      }
      .key {
          color: #872594;
      }
      .comment {
        color: rgba(0, 0, 0, 0.65);
      }
      .show-tips .content{
        display: none;
      }
      .tips-line{
        display: none;
      }
      .show-tips .tips-line{
        display: block;
      }
      #row-api-data{
        display: none;
      }
      #row-api-data.show{
        display: block;
      }
    </style>
  </head>
  <body class="show-tips">
    <div class="content">
      <h2 id="apiName"></h2>
      <h3>入参：</h3>
      <div id="queryParams"></div>
      <div id="restParams"></div>
  
      <h3>出参：</h3>
      <div id="backDatas"></div>

      <button id="showRawApiData" style="margin-top: 12px;">显示原始数据</button>
      <div id="row-api-data">
        <div style="margin: 10px 0;">
          <textarea id="row-api-data-content" rows="5" cols="55"></textarea>
        </div>        
        <button id="copy">复制</button>
      </div>
    </div>
    <div class="tips-line">请打开Eolink网页页面，点击接口，接口页面加载完毕后将自动解析。</div>
    <script src="./panel.js"></script>
  </body>
</html>